/* plus-jakarta-sans-200 - latin */
@font-face {
    font-display: swap;
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 200;
    src: url('../fonts/plus-jakarta-sans-v8-latin-200.woff2') format('woff2');
}

/* plus-jakarta-sans-200italic - latin */
@font-face {
    font-display: swap; 
    font-family: 'Plus Jakarta Sans';
    font-style: italic;
    font-weight: 200;
    src: url('../fonts/plus-jakarta-sans-v8-latin-200italic.woff2') format('woff2');
}

/* plus-jakarta-sans-300 - latin */
@font-face {
    font-display: swap; 
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/plus-jakarta-sans-v8-latin-300.woff2') format('woff2');
}

/* plus-jakarta-sans-300italic - latin */
@font-face {
    font-display: swap; 
    font-family: 'Plus Jakarta Sans';
    font-style: italic;
    font-weight: 300;
    src: url('../fonts/plus-jakarta-sans-v8-latin-300italic.woff2') format('woff2'); 
}

/* plus-jakarta-sans-regular - latin */
@font-face {
    font-display: swap; 
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/plus-jakarta-sans-v8-latin-regular.woff2') format('woff2'); 
}
  
/* plus-jakarta-sans-italic - latin */
@font-face {
    font-display: swap; 
    font-family: 'Plus Jakarta Sans';
    font-style: italic;
    font-weight: 400;
    src: url('../fonts/plus-jakarta-sans-v8-latin-italic.woff2') format('woff2'); 
}

/* plus-jakarta-sans-500 - latin */
@font-face {
    font-display: swap; 
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/plus-jakarta-sans-v8-latin-500.woff2') format('woff2'); 
}

/* plus-jakarta-sans-500italic - latin */
@font-face {
    font-display: swap; 
    font-family: 'Plus Jakarta Sans';
    font-style: italic;
    font-weight: 500;
    src: url('../fonts/plus-jakarta-sans-v8-latin-500italic.woff2') format('woff2'); 
}

/* plus-jakarta-sans-600 - latin */
@font-face {
    font-display: swap; 
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/plus-jakarta-sans-v8-latin-600.woff2') format('woff2'); 
}

/* plus-jakarta-sans-600italic - latin */
@font-face {
    font-display: swap; 
    font-family: 'Plus Jakarta Sans';
    font-style: italic;
    font-weight: 600;
    src: url('../fonts/plus-jakarta-sans-v8-latin-600italic.woff2') format('woff2'); 
}

/* plus-jakarta-sans-700 - latin */
@font-face {
    font-display: swap; 
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/plus-jakarta-sans-v8-latin-700.woff2') format('woff2'); 
}

/* plus-jakarta-sans-700italic - latin */
@font-face {
    font-display: swap; 
    font-family: 'Plus Jakarta Sans';
    font-style: italic;
    font-weight: 700;
    src: url('../fonts/plus-jakarta-sans-v8-latin-700italic.woff2') format('woff2'); 
}

/* plus-jakarta-sans-800 - latin */
@font-face {
    font-display: swap; 
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/plus-jakarta-sans-v8-latin-800.woff2') format('woff2'); 
}

/* plus-jakarta-sans-800italic - latin */
@font-face {
    font-display: swap; 
    font-family: 'Plus Jakarta Sans';
    font-style: italic;
    font-weight: 800;
    src: url('../fonts/plus-jakarta-sans-v8-latin-800italic.woff2') format('woff2'); 
}

/* open-sans-300 - latin */
@font-face {
    font-display: swap;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/open-sans-v36-latin-300.woff2') format('woff2');
}

/* open-sans-300italic - latin */
@font-face {
    font-display: swap;
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 300;
    src: url('../fonts/open-sans-v36-latin-300italic.woff2') format('woff2');
}

/* open-sans-regular - latin */
@font-face {
    font-display: swap;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/open-sans-v36-latin-regular.woff2') format('woff2');
}

/* open-sans-italic - latin */
@font-face {
    font-display: swap;
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: url('../fonts/open-sans-v36-latin-italic.woff2') format('woff2');
}

/* open-sans-500 - latin */
@font-face {
    font-display: swap;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/open-sans-v36-latin-500.woff2') format('woff2');
}
  
/* open-sans-500italic - latin */
@font-face {
    font-display: swap;
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 500;
    src: url('../fonts/open-sans-v36-latin-500italic.woff2') format('woff2');
}

/* open-sans-600 - latin */
@font-face {
    font-display: swap;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/open-sans-v36-latin-600.woff2') format('woff2');
}

/* open-sans-600italic - latin */
@font-face {
    font-display: swap;
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 600;
    src: url('../fonts/open-sans-v36-latin-600italic.woff2') format('woff2');
}

/* open-sans-700 - latin */
@font-face {
    font-display: swap;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/open-sans-v36-latin-700.woff2') format('woff2');
}

/* open-sans-700italic - latin */
@font-face {
    font-display: swap;
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    src: url('../fonts/open-sans-v36-latin-700italic.woff2') format('woff2');
}

/* open-sans-800 - latin */
@font-face {
    font-display: swap;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/open-sans-v36-latin-800.woff2') format('woff2');
}

/* open-sans-800italic - latin */
@font-face {
    font-display: swap;
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 800;
    src: url('../fonts/open-sans-v36-latin-800italic.woff2') format('woff2');
}

body {
    font-family: 'Plus Jakarta Sans';
}

.container {
    position: relative;
    max-width: 120rem;
    margin: auto;
}

.button {
    display: flex;
    padding: 1rem 0.75rem;
    justify-content: center;
    align-items: center;
    gap: 0.25rem;
    align-self: stretch;
    border: none;
    text-decoration: none;
}

.button.button-primary {
    background: #000;
    color: #FFF;
}

.button.button.button-secondary {
    border: 1px solid #444;
    background: #FFF;
    color: #000;
}

h1:focus {
    outline: none;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
}

.blazor-error-boundary {
    background: url() no-repeat 1rem/1.8rem, #b32121;
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
}

    .blazor-error-boundary::after {
        content: "An error has occurred."
    }